<template>
  <view class="mainpage">
    <pageheader :setting="settingdata"></pageheader>
    <view class="box">
      <image src="../../static/img/smrz.png" mode="aspectFill"></image>
      <view class="phone">您暂时还未实名认证</view>
      <view class="metion">认证后即可实现xxxxxxxxxxxxx</view>
      <navigator url="/home/oracle/oraclecenter" hover-class="none" class="changephone">去认证</navigator>
    </view>
  </view>
</template>

<script>
  var _this;
  export default {
    data() {
      return {
        settingdata: {
          name: '实名认证',
          bgColor: '#fff',
          titleColor: '#000000',
          showNav: true,
          showTypes: 0,
          position: "autonymno"
        },
      }
    },
    onLoad(e) {
      _this = this
    },
    onShow() {},
    methods: {

    }
  }
</script>

<style lang="scss" scoped>
  .mainpage {
    height: 100vh;
    background-color: #F1F2F6;

    .box {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin: 0 50rpx;

      image {
        margin-top: 136rpx;
        width: 269rpx;
        height: 191rpx;
        border-radius: 50%;
      }

      .phone {
        margin-top: 58rpx;
        color: #2C3240;
        font-size: 32rpx;
        font-weight: bold;

        text {
          margin-left: 20rpx;
        }
      }

      .metion {
        margin-top: 26rpx;
        color: #BAB8C8;
      }

      .changephone {
        margin-top: 159rpx;
        height: 88rpx;
        background: linear-gradient(86deg, #38BE8C, #05ADBB);
        border-radius: 44rpx;
        text-align: center;
        line-height: 88rpx;
        color: #FFFFFF;
        font-size: 30rpx;
        font-weight: bold;
        width: 649rpx;
      }
    }
  }
</style>
